<div class="easyui-layout" data-options="fit:true,border:false">
    <div data-options="region:'west',collapsed:false" style="width:180px;border:none;">
        <div class="con" onselectstart="return false;" style="-moz-user-select:none;">
            <table id="newsCat"></table>
        </div>
    </div>
    <div data-options="region:'center'">
        <div id="tb<?php echo $uniqid;?>" style="padding:5px">

            <table cellspacing="0" cellpadding="0">
                <tbody>
                <tr>
                    <?php if(checkAuth('添加文章')):?>
                    <td><a href="javascript:;" onclick="addTab('添加文章', '/admin/news/newsadd');" class="l-btn l-btn-small l-btn-plain" group="" id=""><span class="l-btn-left l-btn-icon-left"><i class="iconfont icon-tianjia1"></i><span class="l-btn-text">增加</span></span></a></td>
                    <td>
                        <div class="datagrid-btn-separator"></div>
                    </td>
                    <?php endif;?>
                    <?php if(checkAuth('编辑文章')):?>
                    <td><a href="javascript:;" onclick="newsedit('编辑文章');" class="l-btn l-btn-small l-btn-plain" group="" id=""><span class="l-btn-left l-btn-icon-left"><i class="iconfont icon-bianji"></i><span class="l-btn-text">编辑</span></span></a></td>
                    <?php endif;?>
                    <td>
                        <div class="datagrid-btn-separator"></div>
                    </td>
                    <?php if(checkAuth('删除文章')):?>
                    <td><a href="javascript:;" onclick="newsrecycle();" class="l-btn l-btn-small l-btn-plain" group="" id=""><span class="l-btn-left l-btn-icon-left"><i class="iconfont icon-xianshimima"></i><span class="l-btn-text">显示/隐藏</span></span></a></td>
                    <td>
                        <div class="datagrid-btn-separator"></div>
                    </td>
                    <td><a href="javascript:;" onclick="newsdelete();" class="l-btn l-btn-small l-btn-plain" group="" id=""><span class="l-btn-left l-btn-icon-left"><i class="iconfont icon-shanchu"></i><span class="l-btn-text">删除</span></span></a></td>
                    <td>
                        <div class="datagrid-btn-separator"></div>
                    </td>
                    <?php endif;?>
                    <td><a href="javascript:;" onclick="newsreload();" class="l-btn l-btn-small l-btn-plain" group="" id=""><span class="l-btn-left l-btn-icon-left"><i class="iconfont icon-shuaxin"></i><span class="l-btn-text">重载</span></span></a></td>
                    <td>&nbsp;&nbsp;<input id="newskeywords" style="width:100px" type="text" class="easyui-input textbox"> </input></td>

					<td><a href="javascript:void(0);" onclick="newsSearch();" class="l-btn l-btn-small l-btn-plain"><span
							class="l-btn-left l-btn-icon-left"><i class="iconfont icon-sousuo"></i><span class="l-btn-text">查询</span></span></a></td>
                </tr>
                </tbody>
            </table>
        </div>

        <div class="con" onselectstart="return false;" style="-moz-user-select:none;">
            <table id="news"></table>
        </div>
        <div id="newsdlg" class="easyui-dialog" style="width:720px; height:460px;" title="信息框" closed="true"></div>
    </div>
</div>

<script>
    var newsedit = function (title) {
        var row = $('#news').datagrid('getSelected');
        if (row) {
            url = '/admin/news/newsedit?id=' + row.id,
                $('#rightTabs').tabs('close', title);
            addTab(title, url);
        } else {
            $.messager.alert('提示', '请先选择要编辑的行！', 'warning');
        }
    };
    var newsrecycle = function () {
        var row = $('#news').datagrid('getSelected');
        if (row) {
            if (row.status == 0) {
                $.messager.confirm('提示', '确定显示吗？', function (r) {
                    if (r == true) {
                        $.messager.progress();
                        $.post('/admin/news/newsrecycle', {id: row.id}, function (data) {
                            $.messager.progress('close');
                            if (data.code == '200') {
                                $.messager.show({
                                    title: '提示',
                                    msg: data.msg,
                                    timeout: 3000,
                                    showType: 'slide'
                                });
                                newsreload();
                            } else {
                                $.messager.alert('提示', data.msg, 'warning');
                            }
                        }, 'json');
                    }
                });
            } else {
                $.messager.confirm('提示', '确定隐藏吗？', function (r) {
                    if (r == true) {
                        $.messager.progress();
                        $.post('/admin/news/newsrecycle', {id: row.id}, function (data) {
                            $.messager.progress('close');
                            if (data.code == '200') {
                                $.messager.show({
                                    title: '提示',
                                    msg: data.msg,
                                    timeout: 3000,
                                    showType: 'slide'
                                });
                                newsreload();
                            } else {
                                $.messager.alert('提示', data.msg, 'warning');
                            }
                        }, 'json');
                    }
                });
            }
        } else {
            $.messager.alert('提示', '请先选择要扔回收站的行！', 'warning');
        }
    };
    var newsdelete = function () {
        var row = $('#news').datagrid('getSelected');
        if (row) {
            $.messager.confirm('提示', '确定删除吗？', function (r) {
                if (r == true) {
                    $.messager.progress();
                    $.post('/admin/news/newsdelete', {id: row.id}, function (data) {
                        $.messager.progress('close');
                        if (data.code == '200') {
                            $.messager.show({
                                title: '提示',
                                msg: data.msg,
                                timeout: 3000,
                                showType: 'slide'
                            });
                            newsreload();
                        } else {
                            $.messager.alert('提示', data.msg, 'warning');
                        }
                    }, 'json');
                }
            });
        } else {
            $.messager.alert('提示', '请先选择要删除的行！', 'warning');
        }
    };
    var newsreload = function () {
        $("#news").datagrid('reload');
    };
    var newsSearch = function (id) {
        var height = $(window).height() - $(".top").height() - 68;
        var width = $(window).width() - $(".leftmenu").width() - 193;
        $("#news").datagrid({
            title: '新闻管理',
            width: width,
            height: height,//高度
            singleSelect: true,//如果为true，则只允许选择一行
            striped: true,//是否显示斑马线效果。
            rownumbers: true,//如果为true，则显示一个行号列。
            pagination: true,//是否显示分页
            pageSize: 10,
            pageList: [10, 15, 20, 25],
            method: 'post',
            sortName: 'sortorder',
            sortOrder: 'desc',
            url: '/admin/news/newsGet',
            queryParams: {keywords: $('#newskeywords').val(), newsclass_id: $('#newsclass_id').val(), type: id},
            fitColumns: true,//真正的自动展开/收缩列的大小，以适应网格的宽度，防止水平滚动。
            nowrap: true,//如果为true，则在同一行中显示数据。设置为true可以提高加载性能。 是否换行
            selectOnCheck: false,
            checkOnSelect: true,
            toolbar: '#tb<?php echo $uniqid;?>',
            rowStyler: function (index, row) {
                if (row.deleted_at != '0000-00-00 00:00:00') {
                    return 'color:#F00;font-style:italic;';
                }
            },
            columns: [[
                {field: 'title', title: '名称', width: '30%'},
                {field: 'classname', title: '栏目', width: '5%'},
                {field: 'author', title: '作者', width: '5%'},
                {field: 'keywords', title: '关键词', width: '15%'},
                {
                    field: 'status', title: '状态', width: '5%', formatter: function (value, rowData, rowIndex) {
                        if (value == 1) {
                            return '显示';
                        } else {
                            return '隐藏';
                        }
                    }, styler: function(value, rowData, rowIndex){
						if (value == 0) {
							return 'background-color:#ffeeff;color:red;';
						}
					}
                },
                {field: 'sortorder', title: '排序', width: '5%', sortable: true},
                {field: 'created_at', title: '创建时间', width: '10%', sortable: true},
                {field: 'updated_at', title: '更新时间', width: '10%', sortable: true},
            ]],
            onDblClickRow: function (index, field) {
                newsedit('编辑文章');
            }
        });
    };

    var selectNews = function () {
        var row = $('#newsCat').datagrid('getSelected');
        if (row) {
            newsSearch(row.id);
        }
    };
    var newsCatSearch = function () {
        var height = $(window).height() - $(".top").height() - 68;
        var width = 176;
        $("#newsCat").treegrid({
            title: '文章类别',
            width: width,
            height: height,//高度
            singleSelect: true,//如果为true，则只允许选择一行
            striped: true,//是否显示斑马线效果。
            rownumbers: false,//如果为true，则显示一个行号列。
            pagination: false,//是否显示分页
            pageSize: 10,
            pageList: [10, 15, 20, 25],
            method: 'post',
            idField: 'id',
            treeField: 'title',
            sortName: 'sortorder',
            sortOrder: 'desc',
            url: '/admin/news/classGet',
            queryParams: {},
            fitColumns: true,//真正的自动展开/收缩列的大小，以适应网格的宽度，防止水平滚动。
            nowrap: true,//如果为true，则在同一行中显示数据。设置为true可以提高加载性能。 是否换行
            selectOnCheck: false,
            checkOnSelect: true,

            columns: [[
                {field: 'title', title: '类别名称', width: '90%'},
            ]],
            onClickRow: function (index, field) {
                selectNews();
            }
        });
    };
    newsCatSearch();
    newsSearch();
</script>
